body
{
  margin-top: 75px;
  margin-left: 3em;
  margin-right: 8em;
}

div#beta
{
  position: absolute;
  top: 50px;
  right: 3px;
  border: 2px solid red;
  background-color: #a00;
  font-family: sans-serif;
  font-size: 80%;
  max-width: 40%;
  color: white;
  padding: 3px;
  text-align: center;
}
div#beta a
{
  color: #aff;
}
div#beta a:hover
{
  background-color:#c00;
}


      div#banner
      {
      border: 2px solid black;
      border-top: none;
      -moz-border-radius: 0px 0px 10px 10px;
      position: absolute;
      top: 0px;
      left: 3em;
      background-color: #cddebd;
      }

      div#banner ul
      {
      list-style: none;
      padding:10px;
      margin:0;
      }

      div#banner li
      {
      display: inline;
      list-style: none;
      border-right: 1px solid #669;
      }
      div#banner li:last-child
      {
      border-right: none;
      }

      div#banner a
      {
      padding: 10px;
      color: #33f;

      font-family: sans-serif;
      font-weight: bold;
      }

      div#banner a:hover
      {
      background-color: #ddeecd;
      }


      div#submenu
      {
      border: none;
      border-top: 1px solid #999;
      -moz-border-radius: 0px 0px 10px 10px;
      background-color: #abbc9b;
      font-size: 80%;
      width: 100%;
  text-align:center;
      }

      div#submenu ul
      {
      list-style: none;
      padding:3px;
      margin:0;
      }

      div#submenu li
      {
      display: inline;
      list-style: none;
      border-right: 1px solid #669;
      padding-right: 5px;
      margin-right: 5px;
      }
      div#submenu li:last-child
      {
      border-right: none;
      }

      div#submenu a
      {
      padding: 2px;
      color: #33f;

      font-family: sans-serif;
      font-weight: normal;
      }

      div#submenu a:hover
      {
      background-color: #ddeecd;
      background-color: #cddebd;
      }


      div#login
      {
      border: 1px solid black;
      -moz-border-radius: 4px;
      position: absolute;
      top: 5px;
      right: 5px;
      padding: 5px;
      background-color: #ffc;
      }

      div#login ul
      {
      list-style: none;
      padding:10px;
      margin:0;
      }

      div#login li
      {
      display: inline;
      list-style: none;
      border-right: 1px solid #669;
      }
      div#login li:last-child
      {
      border-right: none;
      }

      div#login a
      {
      padding: 2px;
      }

      div#login a:hover
      {
      background-color: #eeb;
      }





div#participate
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 2em;
  width: 3em;
  margin-left: -4em;
  background-color: #c7ddff;
  -moz-border-radius: 0px 0px 15px 15px;
}
div#event
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 2em;
  width: 3em;
  margin-left: -4em;
  background-color: #efffbd;
  -moz-border-radius: 0px 0px 15px 15px;
  border: 2px solid black;
  border-top: none;
}
div#help
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 2em;
  width: 3em;
  margin-left: -4em;
  background-color: #cdffbd;
  -moz-border-radius: 0px 0px 15px 15px;
}

a:hover
{
  background-color:#ffc;
}
a.pdf:hover
{
  background-color:#fff;
  border-bottom: 2px solid blue;
}

.tiny
{
  font-size: 65%;
}

.help
{
  background-color: #dfd;
  border: 1px solid #8c8;
}


.event
{
  background-color: #ffc;
  border: 1px solid #cc8;
}

.warning,.error
{
  background-color: #faa;
  border: 2px solid red;
  font: 110% sans-serif;
  padding: 0.5em;
}

.message
{
  background-color: #afa;
  border: 2px solid #6c6;
  font: 110% sans-serif;
  padding: 0.5em;
}

.infobox
{
  float: right;
  clear: right;
  border: 1px solid #aaa;
  background-color: #eee;
  padding: 5px;
}

.important
{
  padding: 2px;
  background-color: #ff6;
}

.participate
{
  background-color: #ddf;
  border: 1px solid #88c;
}

div.sidebar
{
  background-color: #F0F0E8;
  border: 2px solid #E2E2D3;
  width: 10em;
  float: right;

  padding: 3px;
  margin: 0px -6em 0px 5px;
  -moz-opacity: 0.8;
}

div.sidebar h3
{
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #E2E2D3;
  font: 110% sans-serif;
  font-weight: bold;
}

div.sidebar p
{
  font: 70% sans-serif;
  margin: 0px;
  padding: 5px 0px 0px 0px;
}

div#preview
{
  background-color:#eee;
  border:1px solid black;
}

div#main
{
  background-color:#fff;
  margin-top: 2em;
}

span.microevent
{
  font: 80% sans-serif;
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
}

span.unapproved_microevent
{
  font: 80% sans-serif;
  color: #aaa;
  padding-bottom: 3px;
}

span.unapproved_microevent a
{
  color: #99a;
}

div.listing
{
  border-bottom: 2px dotted #eee;
}
div.listing p.date
{
  margin-top: 0;
  padding-top: 0;
  font: bold 90% sans-serif;
}
div.listing h2
{
  margin-bottom: 0;
}
div.listing span.creator
{
  font-weight: normal;
  font-size: 75%;
  color: green;
  border-top: 1px solid #eee;
}

div.versions
{
  float: right;
  clear: right;
  border: 1px solid #aaa;
  background-color: #eee;
  padding: 3px;
  margin-top: 2px;
  font: 80% sans-serif;
}

.date_delta
{
  color: red;
}

div.unapproved
{
/*  border: 1px dashed red;
  border-left: 10px solid red;*/
  padding-left: 10px;
  margin-bottom: 5px;
}
div.unapproved .date_delta
{
  color:#aaa;
}
div.unapproved
{
  color: #aaa;
  font-size: 80%;
}

div.unapproved span.creator
{
  color: #aaa;
}

div.unapproved h2
{
  color: #aaa;
}

div.unapproved a
{
  color: #aaa;
}

div.moderation
{
  background-color: #ddf;
  border: 1px solid #88c;
  padding: 1px;
  display: inline;
}

div.moderation form
{
  display:inline;
  padding: 0px;
  border: none;
}

div.moderation input.approve
{
  color: #060;
}
div.moderation input.unapprove
{
  color: #a00;
}

div.moderation input
{
  border: 1px solid black;
  font-size: 70%;
  font-family: sans-serif;
  background-color: #aaa;
  font-variant: small-caps;
}

div.moderation input:hover
{
  background-color: #ddd;
  cursor: pointer;
}

div#main span.date
{
  font-weight: bold;
}

h1
{
  font-family: sans-serif;
  margin-bottom: 0;
  z-index: 20;
}

p
{
  margin-left: 2em;
  line-height: 1.5em;
}

h1,h2,h3,h4,h5
{
  font-family: sans-serif;
}

h2
{
  margin-left: 1em;
  color: green;
}

h3
{
  margin-left: 2em;
  color: green;
}

h2.date
{
  color: black;
  margin-left: 0px;
  border-bottom: 1px solid green;
  background-color: #ffc;
  border-bottom: 1px solid #cc8;
}

ul,ol
{
  margin-left: 3em;
  font-weight: bold;
}

li
{
  padding-bottom: 5px;
  font-weight: normal;
}

div.listingbody
{
  border: 1px dotted #eee;
}

div.listingbody_unapproved
{
  border: 1px dashed red;
}

div.listingbody h3,h4,h5
{
  color: blue;
  margin-left: 2em;
}

div.listingbody blockquote,pre
{
  margin-left: 5em;
}


pre.literal-block
{
  background-color:#eee;
}

div.comment
{
  margin: 0;
  margin-left: 4em;
  margin-top: 5px;
  border-left: 1px solid #88c;
  min-width: 20em;
}

div.comment p
{
  margin: 6px;
}

div.comment h4
{
  color: black;
  margin: 0;
  padding: 3px;
  background-color:#ddf;
  border: 1px solid #88c;
  border-left:none;
}

div.comment_unapproved
{
  margin: 0;
  margin-left: 4em;
  margin-top: 5px;
  border-left: 1px dotted red;
  min-width: 20em;
}

div.comment_unapproved>p
{
  margin: 0px;
  font-size: 60%;
  padding: 0px;
}

div.comment_unapproved>span.action
{
  display: none;
}

div.comment_unapproved>h4
{
  color: black;
  margin: 0;
  padding: 0px;
  background-color: #eee;
  border: 1px dotted red;
  border-left: none;
  font-size: 60%;
}


.anonymous
{
  background-color: yellow;
  border: 1px solid red;
}


div#footer
{
  height: 18px;
  width: 100%;
  margin-top: 2em;
  
  font: bold 12px sans-serif;
  border-top: 1px solid black;
  background-color: #9caa8b;
  color: #ddeac3;
  z-index: 2;
  text-align: center;
}

div#footer a
{
  color: #eee;
  color: #cddebd;
  font-weight: normal;
}
div#footer a:hover
{
  background-color: inherit;
  color: white;
}



table
{
  border: 1px solid black;
  border-collapse: collapse;
}

th
{
  border-bottom: 1px solid black;
  text-align: center;
  background-color: #ded;
}

tr.odd
{
  background-color: #ffe;
}

td
{
  border: 1px solid #000;
  padding: 5px;
}